<template>
  <el-row class="container">
    <!--头部-->
    <Headr></Headr>
    <!--中间-->
    <el-col :span="24" class="main">
      <!--左侧导航-->
      <Sidebar :sider="nav"></Sidebar>
      <!--右侧内容区-->
      <section class="content-container">
        <div class="Content">
          <!-- 显示当前页面的路径 -->
          <Breadcrumb :list="list"></Breadcrumb>
         <!--  <el-col :span="24" class="content-wrapper"> -->
            <transition name="fade" mode="out-in">
              <router-view>
              </router-view>
            </transition>
          <!-- </el-col> -->
        </div>
         <Foot></Foot>
      </section>
      <!-- 底部 -->
    </el-col>
  </el-row>
</template>
<script>
import nav from '../_nav'
import {Headr as Headr, Sidebar as Sidebar, Foot as Foot, Breadcrumb as Breadcrumb } from '../components/'
export default {
	name: 'home',
	components: {
		Sidebar,
		Foot,
		Headr,
		Breadcrumb
	},
	data () {
		return {
			nav: nav.items,
		}
	},
	created(){
      
	},
	computed: {
		list () {
			return this.$route.matched
		}
	},
	methods: {
    
	},
	mounted() {
	}
}
</script>

